import React from "react";
import ReactDOM from "react-dom";
import {Log} from '../utils/CommonUtil';
import Dice from "./Dice1";
import {Button,InputItem} from 'antd-mobile';

//1.写接口地址到URL中
//2.导入Fetch封装好的get和post 导入URL
import {post,get} from '../http/Fetch';
import URL from '../http/URL';

class Index extends React.Component {

  state={
    userName:'',
    pwd:'',
  }

  //在DidMount调用接口：比如商品详情
  //获取是事件调用接口：比如登录按钮，点击之后调用接口
  componentDidMount(){ 
    
    

  }
  toLogin(){

    //3.写接口参数
    //请求参数  接口文档
    //用户名密码哪里来：1.有注册功能自己注册  2.没有注册功能 后台给
    let params = {
        loginName: this.state.userName,//用户名
        password: this.state.pwd,//密码
        sim:'123',//默认参数
    };

    //Status Code = 200 只是说明接口调用成功，不说明登录成功
    
    //调用成功：比如登录成功、列表数据调用成功，需要约定响应字段
    //园区约定的响应字段 stat stat=0 不是需要的数据
    //stat = 1  是需要的数据
    //约定 提示消息 message  

    Log(params);

    let this_ = this;
    //4.调用接口 注意请求方式(根据接口文档来，或者按照平常先试试 一般查询get 提交数据post)
    const result = post(URL.getLoginInfo, params, this,function(data) {
        console.log(data);
        console.log(this);//undefined
        console.log(this_);//Index
        if (data.stat == "1") {
            this_.props.history.push('/httpstu');
        } else {
            ToastShow(data.message);
        }
    }); 

  }

  render() {
    return (
      <div className="index-contain">
        
        用户名<InputItem onChange={(val)=>{
          //把用户名存到state的userName中
          this.setState({userName:val});
        }}/>

        密码<InputItem onChange={(val)=>{
          //
          this.setState({pwd:val});
        }}/>

        <Button onClick={()=>{
            this.toLogin();
          }}>登录</Button>

        {/* <Dice></Dice> */}
      </div>)
  }
}
export default Index;
